<template>
  <div class="me">
    <nav-bar class="me-nav">
      <div slot="center">个人中心</div>
    </nav-bar>
    <scroll class="content" ref="scroll" :probe-type="3">
      <profile-header></profile-header>
      <profile-center></profile-center>
      <profile-bot></profile-bot>
      <profilelayout></profilelayout>
    </scroll>
  </div>
</template>

<script>
import NavBar from '@/components/common/navbar/NavBar.vue'
import Scroll from '@/components/common/scroll/Scroll.vue'
// 下面是子组件
import ProfileHeader from './childComps/ProfileHeader.vue'
import ProfileCenter from './childComps/ProfileCenter.vue'
import ProfileBot from './childComps/ProfileBot.vue'
import Profilelayout from './childComps/Profilelayout.vue'
export default {
  name: 'Profile',
  data() {
    return {
    }
  },
  components: {
    NavBar,
    ProfileHeader,
    ProfileCenter,
    Scroll,
    ProfileBot,
    Profilelayout
  },
  methods: {
  },

}
</script>

<style  scoped>
@import url('@/assets/img/fonts/iconfont.css');

#me {
  padding: 0;
  margin: 0;
  height: 100vh;
  position: relative;
}

.me-nav {
  background-color: var(--color-tint);
  color: #fff;
  z-index: 1;
}

.content {
  position: absolute;
  overflow: hidden;
  top: 44px;
  bottom: 49px;
  left: 0;
  right: 0;
}
</style>

